<template>
    <div>
        <div v-show="LastData" class="no-more">敬请期待更多产品</div>
    </div>
</template>

<script type="text/ecmascript-6">

  export default {
    name: 'list-no-more',
    data() {
      return {};
    },
    props: {
      LastData: {
        type: Boolean,
        required: true
      }
    },
    methods: {}
  };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "../../assets/stylus/main.styl";
    .no-more {
        word-vw(12, third-ash);
        flex-center();
        margin-top 10px
        margin-bottom: 30vw;
    }

    .flex-r
        flex-x()

    .flex-c
        flex-y()

    .center
        flex-center()

    .divider
        divider()

    .space
        space()
</style>
